  @media screen and (min-width: 750px) {
    html {
      font-size: 75px!important;
    }
  }
  @media screen and (max-width: 319px) {
    html {
      font-size: 32px!important;
    }
  }
  *{
    margin: 0;
    padding: 0;
    list-style: none;
  }
  body {
    font-size: 1rem !important;
    width: 750/75rem;
    // height: 1334/75rem;
    margin: 0 auto;
    background-size: 100%;
  }



// ——————>>>  header部分开始
.blank_1 {
  width: 750/75rem;
  height: 20/75rem;
  position: fixed;
  top: 0;
}
  header {
    width: 750/75rem;
    height: 50/75rem;
    display: flex;
    background: #fff;
    position: fixed;
    top: 20/75rem;
    margin: 0 auto;
    box-shadow: 0 0 5/75rem 0 rgb(240, 240, 240);
    border-radius: 25/75rem;
    .left {
      flex: 1;
      position: relative;
      div{
        width: 40/75rem;
        height: 40/75rem;
        background: url(../imgs/icon_jl.png) no-repeat 0/75rem -150/75rem;
        background-size: 500/75rem 500/75rem;
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        cursor: pointer;
      }
    }
    h4 {
      width: 580/75rem;
      height: 50/75rem;
      line-height: 50/75rem;
      font-size: 30/75rem;
      font-weight: normal;
      color: #7eaecc;
      text-align: center;
    }
    .right {
      flex: 1;
      position: relative;
      div{
        width: 40/75rem;
        height: 40/75rem;
        background: url(../imgs/icon_jl.png) no-repeat 0/75rem -210/75rem;
        background-size: 500/75rem 500/75rem;
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        cursor: pointer;
      }
    }
  } 
// ——————>>>  header部分结束
.blank_3 {
  height: 70/75rem;
}

// ——————>>>  banner部分开始
.banner {
  margin: 0 auto;
  // margin-top: 65/75rem;
  text-align: center;
  img{
    width: 701/75rem;
    height: 497/75rem;
  }
}
// ——————>>>  banner部分结束


// ——————>>>  nav部分开始
nav {
  width: 670/75rem;
  height: 352/75rem;
  font-size: 26/75rem;
  // border: 1/75rem solid #ccc;
  border-radius: 5/75rem;
  box-shadow: 0 0/75rem 20/75rem 0 rgb(230, 230, 230);
  margin: 0 auto;
  margin-top: 20/75rem;
  margin-bottom: 30/75rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 35/75rem;
  box-sizing: border-box;
  // padding-bottom: 40/75rem;
  .top {
    flex: 1;
    width: 100%;
    height: 100%;
    display: flex;
    li{
      display: block;
      flex: 1;
      display: flex;
      flex-direction: column;
      align-items: center;
      margin: 0 20/75rem;
      cursor: pointer;
      &:nth-child(1)>div{
        background: url(../imgs/icon_jl.png) no-repeat 10/75rem 0/75rem;
        background-size: 500/75rem 500/75rem;
        
      }
      &:nth-child(2)>div{
        background: url(../imgs/icon_jl.png) no-repeat -115/75rem 0/75rem;
        background-size: 500/75rem 500/75rem;
      }
      &:nth-child(3)>div{
        background: url(../imgs/icon_jl.png) no-repeat -240/75rem 0/75rem;
        background-size: 500/75rem 500/75rem;
      }
      &:nth-child(4)>div{
        background: url(../imgs/icon_jl.png) no-repeat -360/75rem 0/75rem;
        background-size: 500/75rem 500/75rem;
      }
      div {
        width: 70/75rem;
        height: 70/75rem;
        margin-bottom: 30/75rem;
      }
      span {
        flex: 1;
        text-align: center;
      }
    }
  }
  .bottom {
    flex: 1;
    width: 100%;
    height: 100%;
    display: flex;
    
    li{
      display: block;
      flex: 1;
      display: flex;
      flex-direction: column;
      align-items: center;
      margin: 0 20/75rem;
      cursor: pointer;
      &:nth-child(1)>div{
        background: url(../imgs/icon_jl.png) no-repeat 2/75rem -72/75rem;
        background-size: 500/75rem 500/75rem;
      }
      &:nth-child(2)>div{
        background: url(../imgs/icon_jl.png) no-repeat -117/75rem -72/75rem;
        background-size: 500/75rem 500/75rem;
      }
      &:nth-child(3)>div{
        background: url(../imgs/icon_jl.png) no-repeat -242/75rem -72/75rem;
        background-size: 500/75rem 500/75rem;
      }
      &:nth-child(4)>div{
        background: url(../imgs/icon_jl.png) no-repeat -363/75rem -72/75rem;
        background-size: 500/75rem 500/75rem;
      }
      div {
        width: 70/75rem;
        height: 70/75rem;
        margin-bottom: 30/75rem;
      }
      span {
        flex: 1;
        text-align: center;
      }
    }
  }
}
// ——————>>>  nav部分结束

// ——————>>>  recommand部分开始
section{
  width: 670/75rem;
  height: 330/75rem;
  margin: 0 auto;
  position: relative;
  font-size: 26/75rem;
  cursor: pointer;
  img{
    width: 100%;
    height: 100%;
  }
  span{
    color: #fff;
    position: absolute;
    left: 55/75rem;
    top: 12/75rem;
  }
}
.blank_2 {
  width: 750/75rem;
  height: 98/75rem;
}

// ——————>>>  recommand部分结束

// ——————>>>  底部主菜单
.bottom-meau {
  width: 750/75rem;
  height: 98/75rem;
  background-color: #fff;
  border-top: 1/75rem solid#dcdcdc;
  font-size: 22/75rem;
  font-weight: 700;
  color: #7eaecc;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  padding: 10/75rem;
  // padding-top: 15/75rem;
  box-sizing: border-box;
  ul{
    display: flex;
    align-items: center;
    height: 80/75rem;
    justify-content: space-around;
    li{
      flex: 1;
      display: flex;
      flex-direction: column;
      align-items: center;
      margin:0 40/75rem;
      cursor: pointer;

      &:nth-child(1)>div{
        background: url(../imgs/icon_r22_c5.jpg) no-repeat center center;
        background-size: 80%;
      }
      &:nth-child(2)>div{
        background: url(../imgs/icon_02.png) no-repeat center center;
        background-size: 80%;
      }
      &:nth-child(3)>div{
        background: url(../imgs/icon_r21_c18.jpg) no-repeat center center;
        background-size: 80%;
      }
      &:nth-child(4)>div{
        background: url(../imgs/i_04con.png) no-repeat center center;
        background-size: 80%;
        
      }
      &:nth-child(4) {
        color: #ea746c;
      }
      div{
        width: 50/75rem;
        height: 40/75rem;
      }
      span{
        flex: 1;
        margin-top: 5/75rem;
      }
      
    }
  }
}







  